<%--
  Created by IntelliJ IDEA.
  User: LUOLIANG
  Date: 2016/6/7
  Time: 19:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../common/path.jsp" %>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>记点滴登录</title>
    <link rel="stylesheet" type="text/css" href="<%=path%>/font-awesome/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/font-awesome/css/default.css">
    <link rel='stylesheet prefetch' href='http://fonts.useso.com/css?family=Open+Sans:600'>
    <link rel="stylesheet" type="text/css" href="<%=path%>/font-awesome/css/styles.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/toastr.min.css">
</head>
<body>
<div ms-controller="logincontroller" class="htmleaf-container">
    <div class="login-wrap">
        <div class="login-html">
            <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Sign
            In</label>
            <input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">Sign Up</label>
            <div class="login-form">
                <div class="sign-in-htm">
                    <div class="group">
                        <label for="user" class="label">Username</label>
                        <input id="user" type="text" class="input" ms-duplex="@username">
                    </div>
                    <div class="group">
                        <label for="pass" class="label">Password</label>
                        <input id="pass" type="password" class="input" data-type="password" ms-duplex="@password">
                    </div>

                    <div class="group">
                        <button type="button" class="button" ms-click="@login">Sign In</button>
                    </div>
                    <div class="hr"></div>
                    <div class="foot-lnk">
                        <a href="#forgot">Forgot Password?</a>
                    </div>
                </div>
                <div class="sign-up-htm">
                    <div class="group">
                        <label class="label">Username</label>
                        <input id="username" type="text" class="input" ms-duplex="@cusername">
                    </div>
                    <div class="group">
                        <label class="label">Nickname</label>
                        <input id="nickname" type="text" class="input" ms-duplex="@cnickname">
                    </div>
                    <div class="group">
                        <label class="label">Password</label>
                        <input id="password" type="password" class="input" data-type="password" ms-duplex="@password1">
                    </div>
                    <div class="group">
                        <label class="label">Repeat Password</label>
                        <input id="password1" type="password" class="input" data-type="password" ms-duplex="@password2">
                    </div>
                    <div class="group">
                        <button type="button" class="button" ms-click="@create">Sign Up</button>
                    </div>
                    <div class="hr"></div>
                    <div class="foot-lnk">
                        <label for="tab-1">Already Member?</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="<%=path%>/myjs/jquery.min.js"></script>
<script src="<%=path%>/myjs/jquery.cookie.js"></script>
<script src="<%=path%>/myjs/avalon.js"></script>
<script src="<%=path%>/myjs/wechat/login.js"></script>
<script src="<%=path%>/myjs/toastr.min.js"></script>
</body>
</html>